@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --foreground-rgb: #FF9851;    /* Changed to orange (matching your button color) */
  --background-rgb: 0, 0, 0;    /* Keep black background */
}

body {
  color: var(--foreground-rgb);
  background: rgb(var(--background-rgb));
}

/* More aggressive editor styles */
.ProseMirror {
  color: black !important;
  background-color: white !important;
}

.ProseMirror p {
  color: black !important;
}

.ProseMirror * {
  color: black !important;
}

/* WangEditor styles */
.w-e-text-container {
  background-color: white !important;
  color: black !important;
}

.w-e-text-container [contenteditable='true'] {
  min-height: 400px !important;
}

.w-e-text-container * {
  color: black !important;
}

.w-e-toolbar {
  background-color: white !important;
  border-bottom: 1px solid #ccc !important;
}

.w-e-bar-item button {
  color: #333 !important;
}

.w-e-bar-item button:hover {
  background-color: #f5f5f5 !important;
}

/* Ensure editor content is visible */
.w-e-text-container p,
.w-e-text-container div,
.w-e-text-container span,
.w-e-text-container h1,
.w-e-text-container h2,
.w-e-text-container h3,
.w-e-text-container h4,
.w-e-text-container h5,
.w-e-text-container h6 {
  color: black !important;
}